<template>
	<view>
    <view v-if="leaving==undefined">

		<view class="top"></view>
		<view class="img">
			<image src="../../static/bg.png" mode=""></image>
		</view>
		<view class="msg">
			当前暂无进行中的请假申请~
		</view>
		<view class="btnview">
			<uni-row>
				<uni-col :span="20" :offset="2">
					<!-- <navigator url="/pages/leave/apply" hover-class="navigator-hover">
					                    <button type="default">发起请假111</button>
					                </navigator> -->
					<button @click="toApply" class="button" type="primary"><text
							class="button-text">发起请假</text></button>
				</uni-col>
			</uni-row>
		</view>
	</view>
  <v-else>huodong</v-else>
  </view>
</template>

<script setup>
import data from '../../data/data.json'

	import {
		ref
	} from 'vue';
let leaving=ref(null)
leaving.value=data.value
console.info(data.leaving)
	let toApply = function() {
		uni.navigateTo({
			url: '/pages/leave/apply'
		})
	}

</script>

<style>
	.msg {
		font-family: "PingFang SC";
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 0.08px;
		text-align: center;
		color: #808080;
	}

	.img {
		text-align: center;
	}

	.button-text {
		font-family: "PingFang SC Bold";
		font-weight: 700;
		font-size: 16px;
		text-align: center;
		color: #fff;
	}

	.button {
		width: 283px;
		height: 50px;
		border-radius: 25px;
		background: #2264ff;
		box-shadow: 0 5px 10px #2264ff33;
	}

	.btnview {
		margin-top: 180rpx;
	}

	.top {
		height: 119px;
		background: linear-gradient(180.00deg, #2264ff 0%, #f5f5f5 100%);
	}
</style>